.mgs-l-map {
    z-index: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.mgs-measure-marker {
    $color: rgb(255, 1, 3);

    line-height: normal;
    cursor: unset !important;

    & > div {
        user-select: none;
        padding: 2px 5px;

        width: max-content;
        background-color: #fff;
        border: 1px solid $color;
    }

    &-message {
        color: #333;
    }

    &-close {
        cursor: pointer;
        margin-left: 5px;
        color: scale-color($color, $lightness: -20%);

        &:hover {
            color: scale-color($color, $lightness: 30%);
        }
    }
}
